
<template>
<nav >
  <ul>
    <li @click="toBack()"><a>主页</a></li>
    <li > <a>活动细则</a></li>
    <li > <a>认购须知</a></li>
    <li > <a>温馨提示</a></li>
    <li > <a>车位图</a></li>
  </ul>
</nav>
</template>
<style type="text/css" lang="less" scoped>
nav{
  z-index: 999;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
   ul{
      margin: 0;
      padding: 0;
      background: #96141a;
      li{
        display: inline-block;
        width: 18%;
        margin: 0 .2%;
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 1.2rem;
        text-align: center;
        word-break: keep-all;
        overflow: hidden;
        a{
          color: #fff;
        }
      }
    }
  
}

</style>
<script>
export default {
  data:function () {
    return {
      msg: 'Hello world!',
    }
  },
  methods:{
    toBack: function (){
    },
    jump: function (compName, data){
      this.$root.chgComp(compName, data)
    }
  }

}
</script>
